<!--  -->
<template>
  <div>
    <v-header :seller="seller"></v-header>
    <div class="tab">
        <router-link to="/goods">商品</router-link>
        <router-link to="/ratings">评价</router-link>
        <router-link to="/seller">商家</router-link>
    </div>
    <router-view></router-view>
    <!-- <v-table></v-table>
    <v-content></v-content> -->
  </div>
</template>

<script>
import header from './components/header/header'
const ERR_OK = 0;
// import v-tab from './components/'
export default {
  components: {
    'v-header': header
  },
  created () {
    this.$http.get('/api/seller').then((response) => {
      response = response.body;
      if (response.errno === ERR_OK) {
        this.seller = response.data;
        console.log(this.seller)
      }
    })
  },
  data () {
    return {
        seller: {
        }
    };
  },

  computed: {},

  mounted: {},

  methods: {}
}

</script>
<style lang="less" scoped>
  @import './common/less/index.less';

  .tab{
    display: flex;
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    border-bottom: 0.3px solid @borderColor;
  }
 .tab>a{
   color: @fontBase;
   display: block;
    flex: 1;
    text-align: center;
  }
  .tab>.active{
    color: @fontActive;
  }
</style>
